<template>
    <div id='header2'>

      <!--左边图片-->
        <div class="leftSide">
            <a href="">
              <img src="../../assets/images/header2/01.jpg" height="90" width="210"/>
            </a>
        </div>

      <!--右边联系方法-->
        <div class="rightSide">
            <p>客服热线</p>
            <dt>400-699-8636</dt>
        </div>
    </div>
</template>

<script>
    export default {
        name: "header2"
    }
</script>

<style scoped>

/*头部样式*/
#header2{
    display: flex;
    color: #555;
    justify-content: space-between;
}

/*图片左浮动*/
#header2 .leftSide{
    margin-left: 38px;
}

/*右侧外边距*/
#header2 .rightSide{
    margin-right: 8px;
    margin-top: 20px;
}

/*列表样式*/
#header2 .rightSide dt{
    font-size: 18px;
    color: #f63;
    font-weight: 700;
    text-shadow: #fff 2px 0 0,#fff 0 1px 0,#fff -2px 0 0,#fff 0 -2px 0;
    line-height: 10px;
}

</style>
